<template>
  <div class="app-container">
    <el-tabs type="border-card">
      <el-tab-pane label="系统日志">
        <syslog />
      </el-tab-pane>
      <el-tab-pane label="文件日志">
        <filelog />
      </el-tab-pane>
    </el-tabs>

     </div>
</template>

<script>
import { fetchList, createData, updateData, delData } from '@/api/common'
import waves from '@/directive/waves' // waves directive
import { parseTime } from '@/utils'
import Pagination from '@/components/Pagination'
import CyTreeSelect from '@/components/CyTreeSelect'
import md5 from 'js-md5'
import Filelog from "@/views/manger/filelog.vue";
import Syslog from "@/views/manger/syslog.vue"; // secondary package based on el-pagination

export default {
  name: 'log',
  components: {Syslog, Filelog, CyTreeSelect, Pagination },
  directives: { waves },
  data() {
    return {
      checked: true,
      tablesetvisible: false,

    }
  },
  created() {
  },
  methods: {

    getSortClass: function(key) {
      const sort = this.listQuery.sort
      return sort === `+${key}` ? 'ascending' : 'descending'
    }
  }
}
</script>
<style scoped="scoped" type="scss">
.pagination-container {
  padding: 0px;
  padding-bottom: 16px;
}

.hoverbutton {
  width: 70px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  border-radius: 3px;
}

.hoverbutton:hover {
  border: 1px solid #999999;
}

.setcheckbox .el-checkbox {
  margin-bottom: 10px;
}

.searchform .el-form-item {
  margin-bottom: 0px;
  min-width: 280px;
}
</style>

